
<template>
  <div class="app-container">

    <!-- 基础样式 -->
    <el-card shadow="never" class="mb16">
      <el-row>
        <el-col :sm="12" :lg="6">
          <el-result icon="success" title="成功提示" sub-title="请根据提示进行操作">
            <template #extra>
              <el-button type="primary" size="medium">返回</el-button>
            </template>
          </el-result>
        </el-col>
        <el-col :sm="12" :lg="6">
          <el-result icon="warning" title="警告提示" sub-title="请根据提示进行操作">
            <template #extra>
              <el-button type="primary" size="medium">返回</el-button>
            </template>
          </el-result>
        </el-col>
        <el-col :sm="12" :lg="6">
          <el-result icon="error" title="错误提示" sub-title="请根据提示进行操作">
            <template #extra>
              <el-button type="primary" size="medium">返回</el-button>
            </template>
          </el-result>
        </el-col>
        <el-col :sm="12" :lg="6">
          <el-result icon="info" title="信息提示" sub-title="请根据提示进行操作">
            <template #extra>
              <el-button type="primary" size="medium">返回</el-button>
            </template>
          </el-result>
        </el-col>
      </el-row>
    </el-card>
  </div>
</template>
